<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
    // 计算现在时间   距离 2022年6月27号9:00 时间差   显示页面上，实时倒计时

    function fn(date1,date2){
        var ca = Math.abs(date1-date2);
        var day = parseInt(ca/1000/60/60/24);
        var hour = ca - (day*1000*60*60*24);
        hours = Math.floor(hour/1000/60/60);

        var minute = hour - (hours*1000*60*60);
        minutes = Math.floor(minute/1000/60);

        var second = minute - (minutes*1000*60);
        seconds = Math.floor(second/1000);

        console.log(day+"天"+hours+"小时",minutes+"分钟"+seconds+"秒");

        setTimeout("fn(new Date(),new Date('2022/6/25'))",1000)
    }
        fn(new Date(),new Date('2022/6/25'));



    // }


    
     
//   function fn(date1,date2){ //定义一个函数传入两个实参
//             var ca = Math.abs(date1-date2) //用Math的abs取数字的绝对值方法得到两个时间节点之间的毫秒差
//             //console.log(ca)
//             var day = parseInt(ca/1000/60/60/24) //一天等于毫秒数除以（1000*60*60*24）这个就是时分秒的转换数值，最后得到有多少天取整
//             //console.log(day)
//             var hour = ca - (day*1000*60*60*24) //一小时等于毫秒数减去上面剩余天数转为毫秒数的值，剩余的就是小时的毫秒数
//             hours = Math.floor(hour/1000/60/60) //把上面得到的小时毫秒数数学运算除以（1000*60*60），得到结果再用Math.floor方法向下取整数，
//             //console.log(hours)
//             var minute = hour-(hours*1000*60*60) //依次类推，分钟
//             minutes = Math.floor(minute/1000/60)
//             //console.log(minutes)
//             var second = minute-(minutes*1000*60) //秒数
//             seconds = Math.floor(second/1000)
//             //console.log(seconds)
//             console.log(day+'天'+hours+'小时'+minutes+'分钟'+seconds+'秒'); //在控制台答应输出相差秒数
//             // ti.innerHTML = day+'天'+hours+'小时'+minutes+'分钟'+seconds+'秒'; //可以在id为ti的标签里面添加html语言，把输出的时间在网页上显示
//             setTimeout("fn(new Date(),new Date('2022/6/25'))", 1000) //再使用DOM中的setTimeout方法实现倒计时，语法为：setTimeout(code,millisec)，code是过多少时间后执行的函数，millisec就是毫秒数
//         }
//         // fn(new Date(),new Date('2022/6/25'))
        
//         //setInterval("fn(new Date(),new Date('2021/10/1'))", 1000) //也可以用DOM中的setInterval方法实现倒计时，同理





    </script>
</body>
</html>